<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/7-personal-center.css">

	</head>
	<body>
		<div class="personal_center">
			<header>
				<!-- 背景图 -->
				<div class="personal_bg">

				</div>
				<!-- 个人简介 -->
				<div class="personal_info">
					<!-- 昵称 -->
					<div class="personal_name">
						<p>简希</p>
					</div>
					<!-- 爱好 -->
					<div class="personal_happy">
						<!-- 收藏 -->
						<div class="collection">
							<span>15</span>
							<p><a href="#">我的收藏</a></p>
						</div>
						<!-- 关注 -->
						<div class="concern">
							<span>31</span>
							<p><a href="#">关注品牌</a></p>
						</div>

					</div>
				</div>
			</header>
			<!-- 间隔 -->
			<div class="interval"></div>
			<div class="interval"></div>
			<div class="interval"></div>
			<div class="interval"></div>


			<!-- 我的订单 -->
			<div class="order">
				<div class="my_order">
					<span>我的订单</span>
				</div>
				<div class="all_order">
					<span>全部订单</span>
					<img src="./img/8/a27.jpg" alt="">
				</div>
			</div>
			<div class="line"></div>

			<!-- 状态信息 -->
			<div class="state_info">
				<div class="state_info_item">
					<img src="./img/7/icon-1.jpg" alt="">
					<p>待付款</p>
				</div>
				<div class="state_info_item">
					<img src="./img/7/icon-2.jpg" alt="">
					<p>待发货</p>
				</div>
				<div class="state_info_item">
					<img src="./img/7/icon-3.jpg" alt="">
					<p>待收货</p>
				</div>
				<div class="state_info_item">
					<img src="./img/7/icon-4.jpg" alt="">
					<p>待评价</p>
				</div>
				<div class="state_info_item">
					<img src="./img/7/icon-5.jpg" alt="">
					<p>售后</p>
				</div>
			</div>
			<div class="interval"></div>

			<!-- 资产 -->
			<div class="asset">
				<span>我的资产</span>
			</div>
			<div class="line"></div>

			<div class="asset_list">
				<div class="item">
					<img src="./img/7/icon-6.jpg" alt="">
					<p>优惠券</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-7.jpg" alt="">
					<p>钱包</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-8.jpg" alt="">
					<p>D币</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-9.jpg" alt="">
					<p>红包</p>
				</div>
			</div>
			<div class="line"></div>


			<!-- 工具 -->
			<div class="asset">
				<span>工具</span>
			</div>
			<div class="line"></div>

			<div class="tool">
				<div class="item">
					<img src="./img/7/icon-10.jpg" alt="">
					<p>会员中心</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-11.jpg" alt="">
					<p>收货地址</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-12.jpg" alt="">
					<p>售后&客服</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-13.jpg" alt="">
					<p>设置</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-14.jpg" alt="">
					<p>入驻合作</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-15.jpg" alt="">
					<p>反馈&投诉</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-16.jpg" alt="">
					<p>商品报告</p>
				</div>
				<div class="item">
					<img src="./img/7/icon-17.jpg" alt="">
					<p>关于我们</p>
				</div>
			</div>

			<div class="footer_bg">

			</div>

			<!--  -->
			<!-- 首页固定窗口 -->
			<div class="icon_button">
				<div class="icon_item">
					<img src="./img/4/logo1.png">
					<p><a href="">首页</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo2.png">
					<p><a href="">优选</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo3.png">
					<p><a href="">分类</a></p>
				</div>
				<div class="icon_item">
					<img src="./img/4/logo4.png">
					<p><a href="">购物车</a></p>
					<p>
				</div> 
				<div class="icon_item">
					<img src="./img/4/logo6.png">
					<p><a href="">我的</a></p>
				</div>
			</div>



		</div>


	</body>
</html>
